<!-- File: /app/View/Inicio/index.ctp -->

<?php 
/**
 * Vista que carga los datos de la pantalla de inicio
 */
?>

<?php 

	/**
	 * CSS
	 */
	$this->Html->css(array('datatables-bootstrap'), null, array('inline' => false));
	
	/**
	 * Javascript
	 */
	$this->Html->script(array('/plugin/DataTables-1.9.4/media/js/jquery.dataTables.min', 'datatables-bootstrap', '/plugin/yoxview/yoxview-init'), array('inline' => false));
	//$this->Html->scriptBlock($this->AoaTable->obtener_configuracion_datatables("tabla_citas"), array('inline' => false));
	
	$yoxview = '$(document).ready(function(){
	
					$(".yoxview").yoxview({
						lang : "es",
						autoHideMenu : false,
						autoHideInfo : false,
						showDescription : true,
						renderInfoPin : false
					});
					
					$(document).ready(function() {
						$("#tabla_citas").dataTable({
							"sDom": "<\'row\'<\'span9\'l><\'span3\'f>r>t<\'row\'<\'span9\'i><\'span3\'p>>",
							"sWrapper": "dataTables_wrapper form-inline",
							"bPaginate": true,
							"sPaginationType": "bootstrap",
					        "bLengthChange": true,
					        "bFilter": true,
					        "bSort": true,
					        "bInfo": true,
					        "bAutoWidth": false,
					        "oLanguage": {
								"oAria": {
						        	"sSortAscending": "'.__(" - haz click o pulsa enter para ordenar ascendentemente").'",
						        	"sSortDescending": "'.__(" - haz click o pulsa enter para ordenar descendentemente").'"
						      	},
								"oPaginate": {
							       	"sFirst": "'.__("Primera").'",
							       	"sLast": "'.__("Última").'",
							       	"sNext": "'.__("Siguiente").'",
							       	"sPrevious": "'.__("Anterior").'"
							    },
							    "sEmptyTable": "'.__("No hay datos disponibles").'",
							    "sInfo": "'.__("Mostrando (_START_ de _END_) registros de un total de _TOTAL_").'",
							    "sInfoEmpty": "'.__("No hay registros para mostrar").'",
							    "sInfoFiltered": "'.__("- filtrando por _MAX_ registros").'",
							    "sInfoThousands": "\'",
							    "sLengthMenu": "'.__("Mostrar").' <select>"+
							        "<option value=\"10\">10</option>"+
							        "<option value=\"25\">25</option>"+
							        "<option value=\"50\">50</option>"+
							        "<option value=\"-1\">'.__("Todos").'</option>"+
							        "</select> '.__("registros").'",
							    "sLoadingRecords": "'.__("Por favor, espere. Cargando...").'",
							    "sProcessing": "'.__("El servidor está ocupado.").'",
							    "sSearch": "'.__("Buscar").':",
							    "sZeroRecords": "'.__("No hay registros que mostrar.").'"
						    }
						});
					});
				});';
	$this->Html->scriptBlock($yoxview, array('inline' => false));
?>

<!-- Cabecera -->
<?php 
	$this->start('cabecera');		
	echo $this->element('/cabecera');
	$this->end(); 
?>

<!-- Menu -->
<?php 
	$this->start('menu');		
	echo $this->element('/menu');
	$this->end(); 
?>

<fieldset>
    <legend><?php echo __("Últimas citas");?></legend>
    	
	<table id="tabla_citas" class="table table-striped table-bordered table-hover">	
		<thead>
			<tr>
				<th style="text-align: center;"><?php echo __("Ver más");?></th>
				<th style="text-align: center;"><?php echo __("Fotos");?></th>
				<th style="text-align: center;"><?php echo __("Especie");?></th>
				<th style="text-align: center;"><?php echo __("Fecha");?></th>
				<th style="text-align: center;"><?php echo __("Lugar");?></th>
				<th style="text-align: center;"><?php echo __("Número de Aves");?></th>
				<th style="text-align: center;"><?php echo __("Observadores");?></th>
				<th style="text-align: center;"><?php echo __("Clase de Reproducción");?></th>
				<th style="text-align: center;"><?php echo __("Importancia");?></th>
			</tr>
		</thead>
		<tbody>
	<?php 
		foreach ($ultimasCitas as $cita) {
			echo "<tr>";
			echo 	"<td style='text-align: center;'><a href='/aoa/cita/detalle/id:".$cita['Cita']['id']."' title='".__("Más información")."'><i class='icon-zoom-in'></a></td>";
			echo 	"<td style='text-align: center;'><a href='/aoa/cita/fotos?cita_id=".$cita['Cita']['id']."' title='".__("Ver fotos")."'><i class='icon-picture'></i></a></td>";
			echo 	"<td><a href='/aoa/cita/index?especie_id=".$cita['Especie']['id']."' title='".$this->AoaText->primera_letra_mayuscula($cita['Especie']['nombreComun'])."'>".$this->AoaText->primera_letra_mayuscula($cita['Especie']['genero'])." ".$cita['Especie']['especie']." ".$cita['Especie']['subespecie']."</a></td>";
			echo 	"<td class='pagination-centered'><a href='/aoa/cita/index?fecha_alta=".$cita['Cita']['fechaAlta']."'>".date_format(date_create($cita['Cita']['fechaAlta']), "d/m/Y")."</a></td>";
			echo 	"<td><a href='/aoa/cita/index?lugar_id=".$cita['Lugar']['id']."'>".ucwords($cita['Lugar']['nombre'])."</a></td>";
			echo 	"<td><span title='".$this->ClaseEdadSexo->mostrar_detalle_clase_edad_sexo($cita['clases_edad_sexo'])."'>".$cita['Cita']['cantidad']."</span></td>";
			echo 	"<td>".$this->Observador->mostrar_codigos_observadores($cita['observadores'])."</td>";
			echo 	"<td><a href='/aoa/cita/index?clase_reproduccion_id=".$cita['ClaseReproduccion']['id']."' title='".$cita['ClaseReproduccion']['descripcion']."'>".$cita['ClaseReproduccion']['codigo']."</a></td>";
			echo 	"<td></td>";
			echo "</tr>";
		} 
	?>
		</tbody>
		<tfoot>
			<tr>
				<th style="text-align: center;"><?php echo __("Ver más");?></th>
				<th style="text-align: center;"><?php echo __("Fotos");?></th>
				<th style="text-align: center;"><?php echo __("Especie");?></th>
				<th style="text-align: center;"><?php echo __("Fecha");?></th>
				<th style="text-align: center;"><?php echo __("Lugar");?></th>
				<th style="text-align: center;"><?php echo __("Número de Aves");?></th>
				<th style="text-align: center;"><?php echo __("Observadores");?></th>
				<th style="text-align: center;"><?php echo __("Clase de Reproducción");?></th>
				<th style="text-align: center;"><?php echo __("Importancia");?></th>
			</tr>
		</tfoot>
	</table>
	
	<br>
</fieldset>

<fieldset>
	<legend><?php echo __("Últimas fotos");?></legend>
	
	<!-- <ul class="thumbnails yoxview">-->
			<?php 
				$i = 0;
				foreach ($ultimasFotos as $foto) {
					
					if($i % 4 == 0) {
						echo '<ul class="thumbnails yoxview">';
					}
					echo '<li class="span3">';
					echo	'<div class="thumbnail">';
					echo		'<a href="'.$foto['Fichero']['ruta'].$foto['Fichero']['nombreFisico'].'"><img src="'.$foto['Fichero']['ruta'].$foto['Fichero']['nombreFisico'].'" alt="'.$foto['Cita']['Especie']['nombreComun'].'" title="'.$this->AoaText->primera_letra_mayuscula($foto['Cita']['Especie']['nombreComun']).'"></a>';
					echo		'<h3>'.$this->AoaText->primera_letra_mayuscula($foto['Cita']['Especie']['nombreComun']).'</h3>';
					echo		'<p>Foto realizada por '.$foto['Cita']['Usuario']['email'].' en '.$foto['Cita']['Lugar']['nombre'].' el '.date_format(date_create($foto['Cita']['Cita']['fechaAlta']), "d/m/Y").'</p>';
					echo	'</div>';
					echo '</li>';
					
					if($i + 1 % 4 == 0) {
						echo '</ul>';
					}
					
					$i++;
				} 
			?>
	<!-- </ul> -->
	
	<br>
	
</fieldset>

<!-- Pie -->
<?php 
	$this->start('pie');		
	echo $this->element('/pie');
	$this->end(); 
?>

<!-- Popup Login -->
<?php 
	$this->start('popup_login');		
	echo $this->element('/popup_login');
	$this->end(); 
?>

